
$Bw: calc(100 / 3840);
$Bh: calc(100 / 2160);
$w: calc(100 / 3840);
$h: calc(100 / 2160);
$numFamily: YouSheBiaoTiHei;
@mixin box-sizing() {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* 
.boxsizing {
  @include box-sizing();
} */
@mixin box-shadow($shadows...) {
    box-shadow: $shadows;
    -o-box-shadow: $shadows;
    -ms-box-shadow: $shadows;
    -moz-box-shadow:$shadows;
    -webkit-box-shadow: $shadows;
  }

@mixin border-radius($x, $y) {
    border-radius: $x $y;
    -o-border-radius: $x $y;
    -ms-border-radius: $x $y;
    -moz-border-radius: $x $y;
    -webkit-border-radius: $x $y;
}
.sildeBox-left-show {
  left: $Bw * 8vw !important;
}
.sildeBox-left-hidden {
  left: $Bw * -490vw !important;
}
.sildeBox-right-show {
  right: $Bw * 8vw !important;
}
.sildeBox-right-hidden {
  right: $Bw * -490vw !important;
}
.arrow-l {
  position: absolute;
  top: 50%;
  right: -88vw * $Bw;
  cursor: pointer;
  transition: all 0.5s;
  width: 20vw * $Bw;
}
.arrow-l-reverse {
  position: absolute;
  top: 50%;
  right: -22vw * $Bw;
  // transform: rotate(-180deg);
  cursor: pointer;
  width: 20vw * $Bw;
}
.arrow-r {
  position: absolute;
  top: 50%;
  left: -23vw * $Bw;
  cursor: pointer;
  transition: all 0.5s;
  width: 20vw * $Bw;
}
.arrow-r-reverse {
  position: absolute;
  top: 50%;
  left: -85vw * $Bw;
  // transform: rotate(-180deg);
  cursor: pointer;
  width: 20vw * $Bw;
}
.transition-left{
  transition: left 0.5s;
}
.transition-right{
  transition: right 0.5s;
}
.safetyThing_myPopUpLayer{
  width: 1650vw * $Bw !important;
}
.safetyControl_myPopUpLayer{
  width: 1250vw * $Bw !important;
}
.dj-other-query{
  .ant-select-selection-placeholder{
    font-size: 14vh * $Bh !important;
    color: #759ce9 !important;
  }
  .ant-select-selector{
    border: none !important;
    background-color: #0A327A !important;
    color: #fff !important;
    border-radius: 0px !important;
  }
}
.ant-select-dropdown{
  z-index: 99999 !important;
}
.z-box {
  position: relative;
  .z-button-base {
    display: flex;
    position: absolute;
    right: 20vw * $w;
    top: 6vh * $h;
    p {
      //height: 26vh*$h;
      height: auto;
      padding:2vh * $h 15vw * $w;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgb(5, 42, 66);
      cursor: pointer;
      border: 1px solid #0783b6;
      //margin-right: 10vw * $w;
      font-weight: bold;
      font-size:16vh * $h;
      border-radius: 5vh * $h;
      box-shadow: 0 0 6vh * $Bh inset #067ab2;
      color: rgb(105, 139, 211);
}
    .active {
      border: 1px solid rgb(10, 88, 122);
      color: #fff;
    }
  }
}

// .scrollbar {
//   &::-webkit-scrollbar {
//     /*滚动条整体样式*/
//     width: 3px;
//     /*高宽分别对应横竖滚动条的尺寸*/
//     height: 5px;
//     display: none;
//     background: transparent;
//   }

//   &::-webkit-scrollbar-thumb {
//     /*滚动条里面小方块*/
//     border-radius: 5px;
//     -webkit-box-shadow: inset 0 0 3px transparent;
//     background: transparent;
//     transition: all .5s; //无效
//   }

//   &::-webkit-scrollbar-track {
//     /*滚动条里面轨道*/
//     // -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
//     border-radius: 3px;
//     background: transparent;
//     opacity: 0;
//     display: none;
//   }

//   &::-webkit-scrollbar-corner {
//     background-color: transparent;
//   }

//   &:hover {
//     /* 兼容火狐 */
//     scrollbar-color: #285898 transparent;
//     scrollbar-width: 3px;
//     scrollbar-track-color: transparent;
//     -ms-scrollbar-track-color: transparent;

//     &::-webkit-scrollbar-thumb {
//       // display: block;
//       background: #285898;
//       -webkit-box-shadow: inset 0 0 3px transparent;
//     }

//     &::-webkit-scrollbar-track {
//       background: transparent;
//       display: block;
//     }

//     &::-webkit-scrollbar-corner {
//       background-color: transparent;
//     }
//   }

//   overflow-y: auto;
//   scrollbar-color: transparent transparent;
//   scrollbar-track-color: transparent;
//   -ms-scrollbar-track-color: transparent;
// }
*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 1px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow: inset 0 0 1px rgba(44, 152, 255, 0.2);
  background: #2c98ff;
}

*::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 1px rgba(44, 152, 255, 0.2);
  border-radius: 2px;
  background: #030c22;
}
/* 火狐浏览器滚动条样式 */
/* 滚动条轨道 */
scrollbar{
    /*滚动条整体样式*/
    width: 1px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
  /* 滚动条滑块 */
scrollbar-thumb{
/*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow: inset 0 0 1px rgba(44, 152, 255, 0.2);
  background: #2c98ff;
}
  scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 1px rgba(44, 152, 255, 0.2);
    border-radius: 2px;
    background: #030c22;
  }
.ellipsis-element {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scrollbar {
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
    display: none;
    // background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px transparent;
    background: transparent;
    transition: all .5s; //无效
  }

  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    // -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: transparent;
    opacity: 0;
    display: none;
  }

  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  &:hover {
    /* 兼容火狐 */
    scrollbar-color: #285898 transparent;
    scrollbar-width: 3px;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;

    &::-webkit-scrollbar-thumb {
      // display: block;
      background: #285898;
      -webkit-box-shadow: inset 0 0 3px transparent;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
      display: block;
    }

    &::-webkit-scrollbar-corner {
      background-color: transparent;
    }
  }

  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
/* 
.border-radisu{
     @include border-radius(50% 50%)
}
*/
@import "./animstion.scss";
@import "./input.scss";
@import "./mixin.scss";
  